<template>
<div :class="$style.container">
  <x-header style="background-color:#2d2d30;">
    {{obj.original_title}}
    <!-- <a slot="right" @click.stop="handleShareClick">分享</a> -->
  </x-header>
</div>
</template>

<script>
import { XHeader } from 'vux'
export default {
  props: {
    obj: {
      type: Object,
      default: () => {}
    }
  },
  components: {
    XHeader
  },
  mounted () {
    if (this.$isWx) {
      this.init()
    }
  },
  methods: {
    init () {
      wx.updateAppMessageShareData({
        title: this.obj.original_title, // 分享标题
        desc: this.obj.summary, // 分享描述
        link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: this.obj.poster, // 分享图标
        success: function () {
          // 设置成功

        }
      })

      wx.updateTimelineShareData({
        title: this.obj.original_title, // 分享标题
        link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: this.obj.poster, // 分享图标
        success: function () {
          // 设置成功
        }
      })

      wx.onMenuShareWeibo({
        title: this.obj.original_title, // 分享标题
        desc: this.obj.summary, // 分享描述
        link: window.location.href, // 分享链接
        imgUrl: this.obj.poster, // 分享图标
        success: function () {
        }
      })

//       wx.onMenuShareAppMessage({
//         title: this.obj.original_title, // 分享标题
//         desc: this.obj.summary, // 分享描述
//         link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//         imgUrl: this.obj.poster, // 分享图标
//         type: 'link', // 分享类型,music、video或link，不填默认为link
//         dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
//         success: function () {
// // 用户点击了分享后执行的回调函数
//         }
//       })
    }
  }
}
</script>

<style lang='less' module>
.container {

}

</style>